<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <h1>你好</h1>

    <input type="text">
    <button>搜索</button>

    <script>


        // 普通标签的内容使用  innerHTML
        // 输入框的内容       value


        // js是随着页面的加载立即执行的
        // 绑定事件以后，事件中的代码会在事件触发以后才执行







        // var oH1 = document.querySelector('h1');

        // var a = oH1.innerHTML;

        // oH1.innerHTML = '<span>999</span>';

        // console.log(a);


        var oInp = document.querySelector('input');


        // 拿到按钮
        var oBtn = document.querySelector('button');



        oBtn.onclick = function () {
            // 获取输入框的值
            console.log(oInp.value);

            // 点击之后执行的代码都必须放在这个函数里面，不能放在下面去
        }


        // console.log(oInp.value);



    </script>

</body>

</html>